<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>轮播图添加</title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="format-detection" content="telephone=no">
  <link rel="stylesheet" href="${s.base}/js/layui/css/layui.css" media="all" />
  <link rel="stylesheet" href="${s.base}/css/base/base.css" media="all" />
</head>
<body class="childrenBody">
<form class="layui-form" style="width:80%;">
  <input type="hidden" id="id" name="id" value="${banner.id}" />

  <div class="layui-form-item layui-row layui-col-xs12">
    <label class="layui-form-label">标题</label>
    <div class="layui-input-block">
      <input type="text"  class="layui-input name" id="title" name="title" value="${banner.title}" placeholder="请输入标题" lay-verify="required">
    </div>
  </div>

  <div class="layui-form-item layui-row layui-col-xs12">
    <label class="layui-form-label">图片</label>

    <div class="layui-input-block">
      <div class="famous-upload-pic">
        <img  <#if banner.image?if_exists  >src="${banner.image}"<#else>src="${s.base}/image/icon_addpic.png"</#if> class="upload-avatar" id="upload-avatar"/>
        <input type="file" name="myfiles" class="upload" id="myFile" onchange="ajaxFileUploads('myFile','image','upload-avatar')">
        <input type="hidden" class="image" id="image" <#if banner.image?if_exists  > value="${banner.image}"  <#else> value="/image/icon_addpic.png" </#if> />
      </div>
    </div>
  </div>

  <div class="layui-form-item layui-row layui-col-xs12">
    <label class="layui-form-label">排序</label>
    <div class="layui-input-block">
      <input type="text" class="layui-input name" id="orderNum" name="orderNum" value="${banner.orderNum}" placeholder="请输入排序" maxlength="30" lay-verify="required">
    </div>
  </div>

  <div class="layui-form-item layui-row layui-col-xs12">
    <label class="layui-form-label">链接</label>
    <div class="layui-input-block">
      <input type="text" class="layui-input name" id="url" name="url" value="${banner.url}" placeholder="请输入链接" >
    </div>
  </div>

  <div class="layui-form-item layui-row layui-col-xs12">
    <label class="layui-form-label">有效状态</label>
    <div class="layui-input-block">
      <input type="radio" name="status" value="1" title="有效" <#if !(banner.status?if_exists&&banner.status=='2')>checked</#if>>
      <input type="radio" name="status" value="2" title="无效" <#if banner.status?if_exists&&banner.status=='2'>checked</#if>>
    </div>
  </div>
  <div class="layui-form-item layui-row layui-col-xs12">
    <label class="layui-form-label">类型</label>
    <div class="layui-input-block">
      <input type="radio" name="type" value="1" title="网页端" <#if !(banner.type?if_exists&&banner.type=='2')>checked</#if>>
      <input type="radio" name="type" value="2" title="移动端" <#if banner.type?if_exists&&banner.type=='2'>checked</#if>>
    </div>
  </div>
  <div class="layui-form-item layui-row layui-col-xs12">
    <div class="layui-input-block">
      <button class="layui-btn layui-btn-sm" lay-submit="" lay-filter="btnSubmit">确定</button>
      <button type="reset" class="layui-btn layui-btn-sm layui-btn-primary closeLay">取消</button>
    </div>
  </div>
</form>
<script type="text/javascript" src="${s.base}/js/layui/layui.js"></script>
<script src="${s.base}/js/base/jquery-3.2.0.min.js"></script>
<script type="text/javascript" src="${s.base}/js/base/ajaxfileupload.js"></script>
<script type="text/javascript">
    layui.use(['form','layer'],function(){
        var form = layui.form
        layer = parent.layer === undefined ? layui.layer : top.layer,
            $ = layui.jquery;
        form.on("submit(btnSubmit)",function(data){
            //弹出loading
            var index = top.layer.msg('数据提交中，请稍候',{icon: 16,time:false,shade:0.8});
            var field = data.field;
            var status = field.status;
            var type = field.type;

            // 实际使用时的提交信息
            $.post("/banner/updateOrAddEntity",{
                id : $("#id").val(),
                orderNum : $("#orderNum").val(),
                title : $("#title").val(),
                url : $("#url").val(),
                type : type,
                status : status,
                image : $("#image").val()
            },function(result){
                if(1==result.returnInfo.state){
                    top.layer.close(index);
                    top.layer.msg("操作成功！");
                    layer.closeAll("iframe");
                    //刷新父页面
                    parent.location.reload();
                }else{
                    top.layer.msg(result.returnInfo.errorMsg);
                }
            },"json")
            return false;
        });
    })
</script>

</body>
</html>